var items=document.querySelectorAll('.item')
var lastIndex=3
for (var i=0;i<items.length;i++){
    var item=items[i]
    item.setAttribute('index',i)
    // 单击事件
    item.onclick=function(){

        var index=this.getAttribute('index')
        
        if(index==lastIndex){
            return
        }

        this.id='bg'
        this.style.color='rgb(122, 132,255)'
        this.backgroundColor='rgb(238, 243, 248)'


        items[lastIndex].id=''
        items[lastIndex].style.color='black'
        items[lastIndex].style.backgroundColor='white'
        lastIndex=index

        console.log(index);
        
    }

    //鼠标移入移出事件

    item.onmouseenter=function(){
        var index=this.getAttribute('index')

        this.style.color='rgb(122, 132,255)'
        this.backgroundColor='rgb(238, 243, 248)'


        console.log("你的鼠标移入了div"+index);
        
    }

    item.onmouseleave=function(){
        var index=this.getAttribute('index')
        
        if(this.id==''){
            this.style.color='black'
            this.style.backgroundColor='white'
        }
        

        console.log("你的鼠标移出了div"+index);
    }
}